<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>中醫體質評量系統</title>
<script language="Javascript" type="text/javascript" src="./JQuery/checkID.js"></script>
<script language="Javascript" type="text/javascript">
function show()
{
sel = document.getElementById("year");
var length=0;
var date = new Date();
for(var i=1912;i<date.getFullYear()+1;i++){
	var j=i-1911;
	sel.options[length] = new Option("民國" + j + "年",i);
	if(i == date.getFullYear()){
		sel.options[length].Selected=true;
	}
	length++;
}
return;
}

function check(){
	var obj = document.getElementsByName("role");
	var Id = document.getElementById("personId").value;
	
	if (obj[2].checked == true && Id.length > 0){
		if (checkID(Id) == false){
				document.getElementById("personId").value = "";
		}
	}else{
		return;
	}

}	// 身份證字號檢查


</script>
<style type="text/css">
<!--
body {
	background-image: url(img/grass.jpg);
    background-position: center top;
	background-color: #FFFFFF;
	background-repeat: repeat;
}
body,td,th {
	color: #000000;
	font-size:24px;
	font-family: Arial;
}

.off { display:none }
.on  { display:inline}
  
a:link {
text-decoration:none;
font-family:Arial;
font-size:20px;
color:#FFFFFF;
}
a:visited {
text-decoration:none;
font-family:Arial;
font-size:20px;
color:#FFFFFF;
}
a:hover {
text-decoration:none;
font-family:Arial;
font-size:20px;
color:#000000;
}


.ind:link {
color: #535353;
text-decoration:none;
font-family:"標楷體";
font-size:18px;
}
.ind:visited {
color:#535353;
text-decoration:none;
font-family:"標楷體";
font-size:18px;
}

.ind:hover {
color:#BB280F;
text-decoration:none;
font-family:"標楷體";
font-size:18px;
}

.HEAD_STYLE {
	font-weight:bold;
	color: #1B4001;
	font-family:"標楷體";
	font-size:30px; 
}
.TEXT_STYLE {
	font-family:Arial;
	color:#193940;
	font-size:24px;
	font-weight:bold;
}
.LEFT_BUTTON {
	font-family:"標楷體"; 
	font-size:18px;
}
.BOTTOM_STYLE {
	color: #FFFFFF; 
	font-family: Arial; 
	font-size:20px;
}
form,input{margin:0; padding:0; color:#437A27;}
div.box {
	border-top-width: 2px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 2px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-left: 0px;
	margin-right: 0px;
}
div.box label strong{
float:left;
font-size:24px;
}
div.box label {
	width:100%;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15%;
	color: #437A27;
}
div.box .text {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 16px;
	width: auto;
	float: left;
	padding-left: 165px;
}
div.box label span {
	display: block;
	color:#437A27;
	font-size:24px;
	float:left;
	font-weight:bold;
	width: 165px;
	text-align: left;
}

div.box .input_text {
	border: 2px inset #63B63A;
	font-size: 24px;
	float: left;
	width: 210px;
}

div.box .button
{
	border:0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	background-color: #468129;
	color: #FFFFFF;
}



-->
</style>

</head>
<body alink="#FF0000" vlink="#FF0000" onload="show()">
<table width="100%" border="0">
		<tr>
			<td><p>&nbsp;</p></td>
		</tr>
				
			
			
		
 
    		<td width="5%">&nbsp;</td>
			
			<td bgcolor="#FFFFFF"><table width="100%" border="0">
      			<tr>
        			<td background="img/herbal.jpg">
						<p>&nbsp;</p>
          				<p>&nbsp;</p>
          				<p>&nbsp;</p>
          				<p>&nbsp;</p>
		  				<p>&nbsp;</p>
          
          			</td>
			  </tr>
     
	 
	 
	 
	  			  <tr>
        			<td>	
						<table bgcolor="#437A27" width="100%" border="0">
         					 <tr>
            					<td>&nbsp;</td>
								<td width="20%" align="center"><a href="main.jsp" target="_parent">回到主選單</a></td>
           			 			
          			 		</tr>
        				</table>
					</td>
     			  </tr>
      
	  			
	  
	  
	  
	 			  <tr>
        				<td>
							<table width="100%">
           						<tr>
									<td valign="top">
										<table width="100%">
											
											<tr>
												<td align="center" class="HEAD_STYLE">使用者資料填寫</td>
												
											</tr>
											
									
											<tr>
												
												<td>
													<table width="100%"><td width="15%"> </td>
													<td>
													
													<form name="registerform" action="register.do" method="post">
													<div class="box" align="center">
													<table width="100%">
													
													<tr>
													<td><label><span>使用者身分:</span> 
													<input type="radio" name="role" value="admin"
													checked="checked" style="float: left" onchange="check()"/> <strong>管理員</strong>
													<input type="radio" name="role" value="professional"
													style="float: left" onchange="check()"/> <strong>專業使用者</strong>
													<input type="radio" name="role" value="user"
													style="float: left" onchange="check()"/> <strong>一般使用者</strong></label></td>
													</tr>
													<tr><td><label><span class="text">&nbsp;</span></label></td></tr>													
													<tr>
														<td><label> <span>身分證字號:</span>
											         	<input type="text" id="personId" name="newaccount" size="15" class="input_text" onchange="check()"></label></td>
														</tr>
														 <tr>
														<td><label><span class="text">專業使用者，請使用6~12碼英文或者數字</span>
														</label></td>
													 	</tr> 
													<tr>
													
															<td>		<label><span>使用者密碼:</span>
													<input type="password" name="newpw" size="15" class="input_text" maxlength="12"> </label></td>
													  </tr>
														<tr>
															<td><label><span class="text">請使用6~12碼英文或者數字</span></label></td>
														</tr>
														<tr>
															<td><label><span>密碼確認:</span>
													<input type="password" name="renewpw" size="15" class="input_text" maxlength="12"></label></td>
														</tr>
															<tr>
															<td><label><span class="text">&nbsp;</span>
													</label></td></tr>
														
														<tr>
															<td><label><span>姓名:</span>  
													<input type="text" name="username" size="15" class="input_text"></label></td>
														</tr>
														<tr>
															<td><label><span class="text">&nbsp;</span>
													</label></td></tr>
													
													
														<tr>
															<td><label><span>性別:</span> 															
															<input type="radio" name="sex" value="male"checked="checked" style="float:left"/>
															<strong>男</strong> 														
															<input type="radio" name="sex" value="female" style="float:left"/>
															<strong>女</strong> 
														</label>
														
														</td>
														</tr>
														<tr>
															<td><label><span class="text">&nbsp;</span>
													</label></td></tr>
														
													
													
													
													<tr>
														<td><label><span>出生年:</span> 
															<select name="year" id="year" style="float:left"> </select>
  															
															
															
															
															
															</label>
														</td>
														</tr>
														<tr>
															<td><label><span class="text">&nbsp;</span>
													</label></td></tr>
															
													
													<tr>
															<td><label><span>身高(cm):</span>  
															<input type="text" name="height" size="15" class="input_text"></label></td>
														</tr>
														<tr>
															<td><label><span class="text">&nbsp;</span>
													</label></td></tr>
													
													<tr>
															<td><label><span>體重(kg):</span>  
													<input type="text" name="weight" size="15" class="input_text"></label></td>
														</tr>
														<tr>
															<td><label><span class="text">&nbsp;</span>
													</label></td></tr>
													
													<tr>
															<td ><label><span>教育程度:</span> 
														
														<input type="radio" name="education" value="no"checked="checked" style="float:left"/>
														<strong>不識字</strong> 
														
														<input type="radio" name="education" value="elementary" style="float:left"/>
														<strong>國小</strong> 
													 	&nbsp;
														<input type="radio" name="education" value="junior" style="float:left"/>
														<strong>國中</strong>
														&nbsp;
														<input type="radio" name="education" value="high" style="float:left"/>
														<strong>高中</strong> 
														&nbsp;
														<input type="radio" name="education" value="college" style="float:left"/>
														<strong>大專以上</strong> 
														
														</label>
														</td>
														</tr>
														<tr>
															<td><label><span class="text">&nbsp;</span>
													</label></td></tr>
													
													<tr>
															<td><label><span>婚姻狀況:</span> 
														 
														<input type="radio" name="marriage" value="single"checked="checked" style="float:left"/>
														<strong>未婚</strong>
														 
														<input type="radio" name="marriage" value="marriedLive" style="float:left"/>
														<strong>已婚同居</strong>
														 
														<input type="radio" name="marriage" value="marriedNonlive" style="float:left"/>
														<strong>已婚分居</strong>
														 
														<input type="radio" name="marriage" value="divorce" style="float:left"/>
														<strong>離婚</strong>
														 
														<input type="radio" name="marriage" value="widow" style="float:left"/>
														<strong>喪偶</strong>
														
														
														</label>
														</td>
														</tr>
														<tr>
															<td><label><span class="text">&nbsp;</span>
													</label></td></tr>
													
													<tr>
															<td><label><span>職業:</span> 
														 
														<input type="radio" name="job" value="no"checked="checked" style="float:left"/>
														<strong>無</strong>
														 
														<input type="radio" name="job" value="yes" style="float:left"/>
														<strong>有</strong>
														
														
														
														</label>
														</td>
														</tr>
														<tr>
															<td><label><span class="text">&nbsp;</span>
													</label></td></tr>
													
													<tr>
															<td><label><span>居住狀況:</span> 
														 
														<input type="radio" name="liveWith" value="alone"checked="checked" style="float:left"/>
														<strong>獨居</strong>
														 
														<input type="radio" name="liveWith" value="family" style="float:left"/>
														<strong>與家人住</strong>
														 
														<input type="radio" name="liveWith" value="friends" style="float:left"/>
														<strong>與朋友住</strong>
														</label>
														</td>
														</tr>
													
														<tr>
															<td><label><span class="text">&nbsp;</span>
													</label></td></tr>
													
														<tr>
															<td><label><span>聯絡E-mail:</span>
													<input type="text" name="email" size="25" class="input_text">
													
													</label></td>
														</tr>
														<!--  <tr><td><label><span class="text">&nbsp;</span></label></td></tr>
																	<tr>
																		<td><label><span>使用者身分:</span> 
																				<input type="radio" name="role" value="admin"
																				checked="checked" style="float: left" /> <strong>管理員</strong>
																				<input type="radio" name="role" value="professional"
																				style="float: left" /> <strong>專業使用者</strong>
																				<input type="radio" name="role" value="user"
																				style="float: left" /> <strong>一般使用者</strong></label></td>
																	</tr>-->
																	<tr><td>
													<center><input type="submit" value="送出 " class="button"/>&nbsp;
													<input type="reset" value="清除" class="button"/>&nbsp;
													<input type="button" value="取消" 
												onclick="window.location='index.jsp'" class="button" />
													</center>
													</td></tr>
													
														
													
													</table>
													
													
													</div>
													</form>
													</td>
													
												
													<td width="15%"> </td>
													</table>
												</td>
												
											</tr>
										
										</table>													

													
										
												
												
										
									
             

		
											
								  </td>
									

								</tr>
       					 </table>
         

         				</td>
			  </tr>
   
	  
					 <tr>
      					  
   					    <td><p>&nbsp;</p></td>
  					 </tr>
	  				
					<tr>
      					  <td bgcolor="#437A27"><div align="center" class="BOTTOM_STYLE">Copyright@ITRI and CCU_PLlab</div></td>
   
			  </tr>
    						
  	 			  
	
			</table>
		</td>
	    
		<td width="5%">&nbsp;</td>
</table>
<p>&nbsp;</p>
</body>
</html>
